<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    
		<h:outputStylesheet name="stars/css/bootstrap.css"></h:outputStylesheet>	
		<h:outputStylesheet name="stars/css/font-awesome.min.css"></h:outputStylesheet>	
		<h:outputStylesheet name="stars/css/star-rating.css"></h:outputStylesheet>		
		<h:outputScript name="stars/js/star-rating.js"></h:outputScript>
		<script type="text/javascript">
			$(document).ready(function(){
				/*$(".rating-container").css("margin","-15px 0px 0px 10px");*/
				//$(".rating-container").css("margin","0px 5px");
				var rate = $(".myRating");
				rate.rating({
					min:0,
					max:5,
					size:'sm',
					showClear:false,
					showCaption:false,
					displayOnly:true
				});
				 var size =rate.attr("size");
				 var isIE11 = !!window.MSInputMethodContext &amp;&amp; !!document.documentMode;
				 if(isIE11 &amp;&amp; size =='0.5em'){
					 $(".rating-stars").css("font-size","0.4em");
				}else{
					 $(".rating-stars").css("font-size",size);
				 }
			});
		
		</script>
		<style type="text/css">
			* {
			    -webkit-box-sizing: inherit;
			    -moz-box-sizing: inherit;
			    box-sizing: inherit;
			}
			.iethbox_tit h2 {
			    border-left: 5px solid #186998;
			    font-size: 22px;
			    color: #333333;
			    padding-left: 10px;
			     float: none; 
			    width: 280px;
			}
		</style>
	 <input type="text"   class="myRating" size="#{size}" value="#{score}"  />
	

</ui:composition>